<template>
  <div id="app">
    <div id="header">
      <v-header :seller="appData.seller"></v-header>
    </div>
    <div id="tab">
      <tab></tab>
    </div>
    <div id="content">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
import header from "@/components/header/header.vue";
import tab from "@/components/tab/tab.vue";
import axios from "axios";

export default {
  components: {
    "v-header": header,
    tab
  },
  data() {
    return {
      appData: {}
    };
  },
  mounted() {
    const _this = this;
    axios.get("/api/data.json").then(function(res) {
      _this.appData = res.data;
    });
  }
};
</script>
<style lang="stylus" scoped>
</style>
